<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>奖状制作</title>
    
</head>
<body>
    <div class="model first">
    <div class="content">
     <p><span>许倩</span>同学：</p>
     <p>在第5届中国拉屎大王会上，过关斩将，荣获大会“一等拉屎最长奖”</p> 
     <p>特发此证，以资证明！</p> 
     <p>中国拉屎大王组委会</p> 
     <p>2025年12月6日</p>  
        </div>
    </div>
     <div class="model second">
    <div class="content">
     <p><span>郑小伟</span>同学：</p>
     <p>在第5届中国睡觉大会上，过关斩将，荣获大会“一等睡觉时间最长保持奖”</p> 
     <p>特发此证，以资证明！</p> 
     <p>中国睡觉大会组委会</p> 
     <p>2025年12月6日</p>  
        </div>
    </div>
     <div class="model third">
    <div class="content">
     <p><span>张博</span>同学：</p>
     <p>在第5届中国吃货大会上，过关斩将，荣获大会“一等最能吃奖”</p> 
     <p>特发此证，以资证明！</p> 
     <p>中国吃货大会组委会</p> 
     <p>2025年12月6日</p>  
        </div>
    </div>
    <style>
        .model{
            width:500px;
            height:372px;
            background:url(../img/FlMjgnGwgEc0Dzs0m4kG7VgCByhA.jpg);
            background: no-repeat content;
            margin:10px auto;
            overflow: hidden;
        }
        .content {
          background-color: rgba(93,106,119, 0.3);
          width: 350px;
          margin: auto;
          margin-top:130px;
          
        }
        .content p{
            margin: 8px 0;
        }
        .content p:nth-child(1) span{
            font-size: 1.5em;
        }
        .content p:nth-child(2){
            text-indent: 2em;
        }
        .content p:nth-child(3){
            margin-left: 5em;
        }
        .content p:nth-child(3)~p{
            text-align: right;
        }

    </style>
    
</body>
</html>